/*
 * @Author: YuanSong 
 * @Date: 2022-01-18 20:32:10 
 * @Last Modified by: YuanSong
 * @Last Modified time: 2022-01-18 21:10:03
 */
import React from "react";

type IProps = {
    title:string;
    value:string;
    v_var:string;
    onItemValueChange:(T:string,Y:string)=>void;
};


class InputItem extends React.Component<IProps> {
    constructor(props: any) {
        super(props);
    }
    readonly state = {
        
        itemStr: "",
    };
    render() {
        return (
            <div className="InputItem-Div">
                <span className="InputItem-Span">{this.props.title}:</span><input type="text"
                    value={this.props.value}
                    onChange={({target}) => {
                    this.props.onItemValueChange(target.value,this.props.v_var)
                    }}
                    autoComplete="off"
                    placeholder="请输入内容"
                    className="search_input"
                />
            </div>
        )
    }
}


export default InputItem;